{extend name="public:layout" /}

{block name="title"}
	<title>{:site('siteName')}-注册</title>
{/block}

{block name="css"}
	<style>
		.wraper{width:80%;margin-left:10%;margin-top:10px;    height: 40px;}
		.phone{width: 50%;height: 40px;box-sizing: border-box;outline: none;padding: 0 10px;border:1px solid #fff;float:left;color:#fff;}
		.getverify-code-btn{display: inline-block;width: 40%;height: 40px;line-height: 40px;text-align: center;box-sizing: border-box;	vertical-align: middle;cursor: pointer;color: #fff;float:right;  background: #00a0e9; }
		.unlabed{background-color: lightblue;color: #eee;}
	</style>
{/block}

{block name="content"}
	<div class="login_head" style="top:6%;">{:site('siteName')}</div> 
	<div class="login_cen" style="top:10%;">
		<form class="layui-form" action="{:url('index/user/register')}" method="post">
		    <div class="login_1">
		    	<input type="text" class="login_deng" name="username" lay-verify="required|username" placeholder="用户名"/>
		    </div>
		    <div class="login_1">
		    	<input type="password" class="login_dengmi" name="password" lay-verify="required|password" placeholder="密码"/>
		    </div>
			<div class="login_1">
				<input type="password" class="login_dengmi" name="passwords" lay-verify="required|passwords" placeholder="确认密码"/>
			</div>
			<div class="login_1">
				<input type="text" class="login_deng" name="invite" value="{$invite_id|default=''}" placeholder="邀请人id"/>
			</div>
			<div class="login_1">
				<input type="text" id="j_phone"  class="login_phone" name="mobile" lay-verify="required|phone" placeholder="手机号"/>
			</div>
			<div class="wraper sms">
				<input type="text" class="phone" name="code" lay-verify="required|number" placeholder="验证码">
				<div id="sendSms" class="getverify-code-btn">获取短信验证码</div>
			</div>
			<input type="hidden" name="__token__" value="{$Request.token}" />
			<input type="checkbox" name="agreement" lay-verify="required" title="我已查看并同意注册协议" value="1" lay-filter="agreement" lay-skin="primary">
		   	<button style="margin-left: 0;color: #fff;" class="login_submit" lay-submit>注&nbsp;&nbsp;册</button>
	   </form>
	   <button style="margin-left: 0;color: #fff;" class="login_submit" onclick="location.href='{:url("index/user/login")}'">已有账号，立即登录</div>
	</div>
	<div style="position:absolute; width:100%; height:100%; z-index:-1;top:0;">
	    <img src="__STATIC__/{$theme}/img/login_bg.jpg" height="100%" width="100%"/>
	</div>
{/block}

{block name="script"}
	<script type="text/javascript">
		var agreement = '{:site("agreement")}';
	</script>
	<script src="__STATIC__/{$theme}/js/register.js" type="text/javascript"></script>
	</script>
{/block}
	
